<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生</title>
    <script src="js/student.js"></script>
    <link rel="stylesheet" href="css/student.css">
</head>
<body>
<div class="main">
    <div class="header">
       <div class="header-first">
           <div class="left-line header-line"></div>
           <h1>学生管理系统</h1>
           <div class="right-line header-line"></div>
       </div>
        <div class="header-bottom">
            <button class="green-button" onclick="add()">新增</button>
            <button class="red-button" onclick="remove()">删除</button>
        </div>
    </div>
    <div class="table">
        <table id="form" cellspacing="0">

        </table>
    </div>
    <div class="footer">
        <span class="numInfo">sjjj</span>
        <input type="button" class="green-button" onclick="prevPage()" value="上一页">
        <input type="button" class="red-button" onclick="nextPage()" value="下一页">
    </div>
</div>
<div class="hiddenPage"></div>
<div class="edit">
    <div class="head-title">查看学生信息</div>
    <ul>
        <li><label for="">学号</label><input type="text" class="edit-info"></li>
        <li><label for="">姓名</label><input type="text" class="edit-info"></li>
        <li><label for="">学院</label><input type="text" class="edit-info"></li>
        <li><label for="">专业</label><input type="text" class="edit-info"></li>
        <li><label for="">年级</label><input type="text" class="edit-info"></li>
        <li><label for="">班级</label><input type="text" class="edit-info"></li>
        <li><label for="">年龄</label><input type="text" class="edit-info"></li>
    </ul>
    <div class="edit-btn">
        <button class="edit-submit" ></button>
        <button class="edit-cancel" onclick="cancel()">取消</button>
    </div>
</div>
</body>
</html>